<html>
<meta charset="utf-8">

<head>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
           $('button:first').click(function(){
               $('div').children().addClass('chilren_class');
           });
           $('button:eq(1)').click(function(){
               $('div').children('ul').addClass('chilren_class');
           });
           $('button:eq(2)').click(function(){
               $('div').find('b').addClass('chilren_class');
           });
           $('button:eq(3)').click(function(){
               $('div').find('*').addClass('chilren_class');
           });
        });
    </script>
    <style>
        .chilren_class {
            border: 3px solid red;
            padding: 2px;
        }
    </style>
</head>
<div>
    <p>遍历--子元素</p>
    <ul>
        <li><b>children()</b></li>
        <li>find()</li>
    </ul>
    <button>获取所有子元素（必须是下一级）children()</button>
    <button>获取所有子元素为ul（必须是下一级）children('ul')</button>
    <button>获取所有指定子元素 find('b')</button>
    <button>find('*')为获取所有子元素</button>
</div>

</html>